<!--
复合选择器会有权重叠加问题
    根据权重优先级进行叠加，
    注意不会跨组进位，只会在4组中的各自组里叠加
        0,0,0,0
        0+n,0+n,0+n,0+n
        1,100,0,5

    后代、子代权重一样，会依据层叠性就近执行
        ul li
            【0,0,0,1】 + 【0,0,0,1】 = 【0,0,0,2】
                   1    +    1       =    2
        .test>li:hover（和下面一样）
        .test li:hover
            【0,0,1,0】 + 【0,0,0,1】 + 【0,0,1,0】 = 【0,0,2,1】
                   10   +      1      +    10      =   21
    还是那句话：会叠加，但不会跨组进位！
        ul>li a           0,0,0,3
        ul li a           0,0,0,3
        .nav p            0,0,1,1
        .nav #t a         0,1,1,1
        .nav #t a:hover   0,1,2,1（默认：0,1,1,1）
-->
<style>
    /* 权重：100+1 */
    #myul li {
        color: yellow;
    }
    /* 权重：100+10 */
    #myul .myli {
        color: blue;
    }
    /* 权重：10+10 */
    .test .myli {
        color: cyan;
    }
    /* 权重：1+1 */
    ul>li {
        color: green;
    }
    /* 权重：1+1   （默认状态下不会叠加伪类的权重10） */
    /* 权重：1+1+10（只有被触发时，权重才会被叠加） */
    ul li:hover {
        color: orange;
    }
    /* 权重：1 */
    li {
        color: red;
    }
</style>

<ul id="myul" class="test">
    <li class="myli">测试权重问题</li>
    <li class="myli">测试权重问题</li>
    <li class="myli">测试权重问题</li>
</ul>